<html>

<head>
<title>jQuery Tech Day</title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<script language="javascript" src="scripts/jquery-1.3.2.js"></script>

<script language="javascript">

	$(getTwitterResults);
	
	function getTwitterResults()
	{
		$.getJSON("http://search.twitter.com/search.json?callback=?&q=robcthegeek",
			function (json) {
				$(json.results).each( function() {
						$("#searchList").append("<li>" + this.text + "</li>");
					});
				});
	};	
</script>

</head>

<body>
	<div id="wrapper">
		<div id="banner">
			<h1>jQuery Tech Day</h1>
		</div>
		
		<div id="sideNav">
			<h2>Some Links..</h2>
			<ul>
				<li><a href="http://www.google.co.uk">Google</a></li>
				<li><a href="http://stackoverflow.com">StackOverflow</a></li>
				<li><a href="http://www.dilbert.com">Dilbert</a></li>
				<li><a href="http://thedailywtf.com">TDWTF</a></li>
				<li><a href="http://www.dofactory.com">Data & Object Factory</a></li>
			</ul>
		</div>
		
		<div id="content">
			<h2>Lab 05 - Do Something For Me!</h2>
			
			<p>
				In this lab I wanted to take a look at the Ajax functionality provided by jQuery.
				
				I thought it might be interesting to get the JSON search results for "robcthegeek" from <a href="http://search.twitter.com/search?q=robcthegeek">search.twitter.com</a>...
				
				<em>Please be nice and don't keep reloading this page - think of Twitter's servers!</em>
			</p>
			
			<ul id="searchList" class="noBullet tweetList">
				
			</ul>
			
			<div>
				<a href="index.html">Back to Index</a>
			</div>
		</div>
		
		<div id="footer">
			Robert Cooper (<a href="http://twitter.com/robcthegeek">@robcthegeek</a>) from <a href="http://robcthegeek.com">robcthegeek.com</a>
		</div>
	</div>
</body>
</html>